<template>
  <layoutBlock >
     <div class="content">
        <Row :gutter="10">
          <Col  :xs="24" >
            <monitorStatus></monitorStatus>
          </Col>
          <Col :xl="14" :lg="24" :md="24" :sm="24" :xs="24" class="mt10">
            <alartEvent></alartEvent>
          </Col>
          <Col :xl="10" :lg="24" :md="24" :sm="24" :xs="24" class="mt10">
            <alarmEventInfo></alarmEventInfo>
          </Col>
          <Col :xl="10" :lg="24" :md="24" :sm="24" :xs="24" class="mt10">
            <allData></allData>
          </Col>
          <Col :xl="14" :lg="24" :md="24" :sm="24" :xs="24" class="mt10">
            <allDeviceData></allDeviceData>
          </Col>
        </Row>
    </div>
  </layoutBlock>
</template>

<script>
import monitorStatus from "../../components/realtimeData/monitorStatus";
import alartEvent from "../../components/realtimeData/alartEvent";
import alarmEventInfo from "../../components/realtimeData/alarmEventInfo";
import allData from "../../components/realtimeData/allData";
import allDeviceData from "../../components/realtimeData/allDeviceData";
export default {
  components:{monitorStatus,alartEvent,alarmEventInfo,allData,allDeviceData},
  name: "realtimeData"
}
</script>

<style scoped>

</style>
